const { defineConfig } = require('@vue/cli-service')

const path = require('path')

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: true, // 格式错误不会编译报错

  // npm run serve -> 自动在浏览器打开
  devServer: {
    open: true,
    port: 8080,
    host: 'localhost'
  },

  configureWebpack: {
    devServer: { allowedHosts: ['www.corho.com'] }
  },

  // 自动添加的: less 变量自动注入的配置
  // 开发者需要: 指定自动注入 less 变量文件 -> 注入到所有 .vue 文件 style 中
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        // __dirname 指向当前项目的跟目录
        path.join(__dirname, '/src/styles/var.less')
      ]
    }
  }
})
